import VueRouter from "vue-router";
import About from "../components/About.vue";
import Home from "../components/Home.vue";
import News from "../components/News.vue";
import Food from "../components/Food.vue";

const router =  new VueRouter({
  model:history,
  routes:[
    {
      path:'/about',
      component:About,
      meta:{isAuth:true,title:'关于'}
    },
    {
      path:'/home',
      component:Home,
      meta:{isAuth:false},
      children:[
        {
          path:'news',
          component:News,
          meta:{isAuth:true},
          // 独享路由守卫
          // beforeEnter:(to,from,next)=>{
          //   if(to.meta.isAuth){
          //     if(localStorage.getItem('school') === 'nihao'){
          //       next();
          //     }else {
          //       alert('你没有权限')
          //     }
          //   }else {
          //     next();
          //   }
          // }
        },
        {
          path:'food',
          component:Food,
          meta:{isAuth:true}
        },
      ]
    }
  ]
})

//全局前置路由守卫
// router.beforeEach((to,from,next)=>{
//   console.log(to)
//   // if(to.path === '/home/news'){
//   //   if(localStorage.getItem('school') === 'nihao'){
//   //     next();
//   //   }else {
//   //     alert('你没有权限')
//   //   }
//   // }else {
//   //   next();
//   // }
//   if(to.meta.isAuth){
//     if(localStorage.getItem('school') === 'nihao'){
//       next();
//     }else {
//       alert('你没有权限')
//     }
//   }else {
//     next();
//   }
// })

//全局后置路由守卫
// router.afterEach((to)=>{  
//   document.title = to.meta.title || '系统'
// })

export default router